<div>
    <p class="text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-8">
      I usually run out of copy, but when I see content this big, I try to
      integrate lorem ipsum.
    </p>
    <p class="text-neutral-800 dark:text-neutral-200 text-xs md:text-sm font-normal mb-8">
      Lorem ipsum is for people who are too lazy to write copy. But we are
      not. Here are some more example of beautiful designs I built.
    </p>
    <div class="grid grid-cols-2 gap-4">
      <img
        src="https://assets.aceternity.com/pro/hero-sections.png"
        alt="hero template"
        width={500}
        height={500}
        class="rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"
      />
      <img
        src="https://assets.aceternity.com/features-section.png"
        alt="feature template"
        width={500}
        height={500}
        class="rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"
      />
      <img
        src="https://assets.aceternity.com/pro/bento-grids.png"
        alt="bento template"
        width={500}
        height={500}
        class="rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"
      />
      <img
        src="https://assets.aceternity.com/cards.png"
        alt="cards template"
        width={500}
        height={500}
        class="rounded-lg object-cover h-20 md:h-44 lg:h-60 w-full shadow-[0_0_24px_rgba(34,_42,_53,_0.06),_0_1px_1px_rgba(0,_0,_0,_0.05),_0_0_0_1px_rgba(34,_42,_53,_0.04),_0_0_4px_rgba(34,_42,_53,_0.08),_0_16px_68px_rgba(47,_48,_55,_0.05),_0_1px_0_rgba(255,_255,_255,_0.1)_inset]"
      />
    </div>
  </div>